<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>首页</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./text/animate.css">
</head>

<body>
    <div class="home">

        <div class="header">
            <div class="box">
                <a href="./index.html" class="logo">
                    <img src="./images/logo.png" alt="">
                    <img src="./images/logo_blue.png" alt="">
                </a>
                <div class="r">
                    <div class="d1">
                        <div class="search">
                            <svg xmlns="http://www.w3.org/2000/svg" width="26" height="27" viewBox="0 0 26 27"
                                fill="none">
                                <path
                                    d="M6.87028 7.60368C10.2552 4.21935 15.7428 4.21935 19.1271 7.60368C22.3175 10.7946 22.5006 15.8543 19.6747 19.2593L21.4807 21.0646C21.6298 21.2119 21.7162 21.4111 21.7219 21.6206C21.7276 21.8302 21.6521 22.0338 21.5112 22.1889C21.3703 22.3441 21.1749 22.4388 20.9658 22.4533C20.7567 22.4678 20.5501 22.4009 20.3892 22.2666L20.3312 22.2141L18.5259 20.4081C15.1209 23.234 10.0612 23.0515 6.87028 19.8605C3.48595 16.4756 3.48595 10.988 6.87028 7.60368ZM17.9777 8.7531C15.2282 6.00305 10.7692 6.00305 8.0197 8.7531C5.26966 11.5026 5.26966 15.9616 8.0197 18.7111C10.7692 21.4611 15.2282 21.4611 17.9777 18.7111C20.7277 15.9616 20.7277 11.5026 17.9777 8.7531ZM14.2218 8.58789C15.213 8.79968 16.0759 9.39064 16.6837 10.4203C16.7387 10.5123 16.775 10.6142 16.7904 10.7202C16.8059 10.8262 16.8003 10.9342 16.7738 11.0381C16.7474 11.1419 16.7007 11.2395 16.6364 11.3252C16.5721 11.4109 16.4915 11.483 16.3992 11.5374C16.3069 11.5918 16.2048 11.6275 16.0987 11.6423C15.9926 11.6571 15.8846 11.6507 15.7809 11.6236C15.6773 11.5965 15.58 11.5492 15.4947 11.4844C15.4094 11.4195 15.3378 11.3385 15.284 11.2458C14.9151 10.6208 14.4417 10.2968 13.8811 10.1766C13.6479 10.1277 13.4087 10.1144 13.1715 10.1371L13.0545 10.1501L12.97 10.1641L12.9202 10.175C12.7192 10.2316 12.5042 10.2088 12.3197 10.1111C12.1351 10.0135 11.9953 9.84854 11.9291 9.65054C11.8629 9.45254 11.8755 9.23667 11.9642 9.04768C12.0529 8.8587 12.211 8.71112 12.4056 8.63555L12.4798 8.61118C12.899 8.4931 13.5133 8.43622 14.2218 8.58789Z"
                                    fill="#264285" />
                            </svg>
                            <div class="sr">
                                <input id="search" type="text" placeholder="请输入关键词">
                            </div>
                        </div>
                        <span class="line"></span>
                        <div class="lan">
                            <div class="cn">
                                <p>EN</p>
                                <svg xmlns="http://www.w3.org/2000/svg" width="26" height="27" viewBox="0 0 26 27"
                                    fill="none">
                                    <path
                                        d="M12.7397 11.8256C12.7409 11.8237 12.7426 11.822 12.7438 11.8201C12.7391 11.7977 12.7353 11.7782 12.7336 11.7642C12.7357 11.7846 12.7379 11.8051 12.7397 11.8256ZM17.0909 16.5835C17.0911 16.5835 17.0911 16.5833 17.0911 16.5832C17.0905 16.5829 17.0885 16.5829 17.0881 16.5822C17.0887 16.5829 17.0903 16.5829 17.0909 16.5835ZM17.2024 16.5974C17.1754 16.5931 17.1149 16.601 17.0909 16.5835C17.0762 16.6345 17.0985 16.6538 17.2024 16.5974ZM12.964 2.40723C6.70688 2.40723 1.63473 7.48655 1.63473 13.7524C1.63473 20.0182 6.70688 25.0977 12.964 25.0977C19.2208 25.0977 24.2932 20.0182 24.2932 13.7524C24.2932 7.48655 19.2208 2.40723 12.964 2.40723ZM20.2004 6.83907C19.81 6.85093 19.5383 6.85167 19.2247 7.0684C19.0983 7.15588 19.0125 7.27172 18.8522 7.31677C18.7084 7.35731 18.5532 7.32178 18.4105 7.37023C17.8958 7.54516 17.9773 8.64925 17.2991 8.48249C16.9805 8.4042 16.756 8.02717 16.5956 7.78096C16.4544 7.56436 16.1971 7.38521 16.3709 7.11412C16.2916 7.13447 16.2071 7.11129 16.1291 7.12614C16.2378 6.88723 16.6021 6.9081 16.6628 6.78599C16.8138 6.47995 16.2471 6.44799 16.0866 6.40555C16.28 6.19911 16.3779 6.475 16.5689 6.42815C16.7523 6.38292 16.472 6.14095 16.362 6.11378C16.3225 6.10398 15.6765 6.29257 16.0504 5.95747C15.5888 5.66281 15.1274 5.36824 14.6657 5.07335C14.588 5.4012 15.28 5.58751 15.5061 5.70303C15.471 5.83841 15.2607 6.03553 15.0997 5.97782C14.948 5.92336 15.0096 5.67171 14.7806 5.69698C14.6171 6.07768 15.1263 5.9664 15.1737 6.19969C15.2274 6.46551 14.9811 6.35286 14.8864 6.34826C14.8639 6.3471 14.6874 6.16413 14.6778 6.30264C14.6664 6.46712 14.9593 6.40298 14.98 6.5691C14.6388 6.58293 14.4645 6.45956 14.1867 6.27473C13.8625 6.05926 13.6961 6.07868 13.2989 6.07868C13.4177 6.02981 13.5813 5.99357 13.6829 5.91487C13.7384 5.87188 13.9562 5.65994 13.9705 5.61262C14.0321 5.40846 13.9672 5.42396 13.7721 5.29011C13.5987 5.17132 13.3884 4.95806 13.1783 4.91604C12.417 4.76387 12.9435 5.60432 12.3656 5.72023C12.3755 5.72074 12.3862 5.72119 12.3947 5.72119H12.3616C12.3631 5.7211 12.3643 5.72055 12.3656 5.72023C12.2319 5.71544 11.9814 5.68287 11.8953 5.7536C11.8344 5.8033 11.8293 6.00302 11.7614 6.07533C11.6404 6.20448 11.4601 6.23027 11.3157 6.32337C11.1748 6.41436 10.8642 6.64774 10.7815 6.80608C10.4765 7.38952 11.4686 7.57063 11.8447 7.74119C12.0147 7.81825 12.5113 7.92377 12.6038 8.05253C12.7278 8.22544 12.4969 8.38758 12.7559 8.50914C12.8386 8.54785 13.0092 8.55576 13.0805 8.47554C13.1963 8.34485 13.0335 8.31537 13.0057 8.16442C12.952 7.87384 13.0405 7.98929 13.1865 7.88133C13.4839 7.66142 13.4169 7.64795 13.3099 7.29754C13.2602 7.13444 13.0727 6.67912 13.2376 6.55872C13.4526 6.40163 13.9112 6.64385 14.0761 6.66411C14.268 6.68764 14.3769 6.95388 14.4815 7.06278C14.5509 7.13508 14.6752 7.28851 14.7965 7.27192C14.9891 7.24549 14.9085 7.07689 15.0202 6.99912C15.3199 6.79097 15.3988 7.07371 15.5182 7.35647C15.6306 7.62207 15.7369 7.72064 15.9369 7.89101C16.0297 7.97032 16.4367 8.25335 16.3983 8.4278C16.3723 8.54531 15.9074 8.72355 15.783 8.763C15.3286 8.90713 14.4761 8.52701 14.3845 9.24873C14.5608 9.18298 15.0624 8.77268 15.2128 8.96716C15.2814 9.05538 15.1584 9.18389 15.1873 9.2715C15.2731 9.5342 15.4755 9.44267 15.6876 9.40023C15.6732 9.40926 15.6583 9.41714 15.6427 9.42415C15.9326 9.27497 15.9024 9.30606 16.0355 9.06409C16.0789 8.98503 16.1435 8.7937 16.2047 8.73712C16.4154 8.54303 16.4478 8.67668 16.5784 8.82643C16.6126 8.86591 16.9353 9.33126 16.8204 9.30805C16.445 9.23266 16.0846 9.24275 15.7733 9.44832C15.5939 9.56699 15.4242 9.72707 15.21 9.80587C15.1586 9.82465 14.7784 9.86072 14.8233 9.79581C14.8889 9.70113 15.1148 9.63846 15.2039 9.53626C14.9569 9.4344 14.7509 9.6593 14.5568 9.79079C14.3509 9.88837 14.303 10.0702 14.1277 10.2296C14.0511 10.2991 13.9064 10.311 13.8312 10.4024C13.7583 10.4912 13.7492 10.6308 13.6801 10.715C13.6317 10.774 13.5075 10.7384 13.4569 10.8273C13.3909 10.9435 13.5172 11.0513 13.4895 11.135C13.4388 11.2871 13.15 11.4161 13.0389 11.5256C13.0537 11.5113 13.0685 11.4966 13.083 11.4817C12.9717 11.5987 12.8308 11.6847 12.7439 11.82C12.7838 12.0111 12.9096 12.4668 12.8745 12.5717C12.7588 12.9166 12.5339 12.3841 12.4427 12.2465C12.1293 11.7737 11.5031 12.0901 11.0752 12.1293C10.5281 12.1794 9.99215 12.8905 10.3297 13.4677C10.4917 13.7446 10.7642 13.8517 11.0768 13.7877C11.3551 13.7306 11.4386 13.3408 11.7006 13.3337C12.1821 13.3209 11.7112 13.8062 11.6696 13.9843C11.631 14.1493 11.7296 14.1645 11.8992 14.2054C12.0244 14.2354 12.2018 14.1518 12.3103 14.2234C12.3787 14.2686 12.3754 14.5161 12.4695 14.4381C12.2843 14.5918 12.3276 14.9563 12.5175 15.088C12.728 15.2343 12.9758 15.0988 13.1962 15.155C13.6123 15.2613 13.4137 15.1232 13.7791 14.9023C14.0258 14.7534 14.0662 14.9303 14.2348 14.931C14.3495 14.9315 14.4224 14.7659 14.6142 14.814C14.7705 14.8535 14.8323 14.9744 15.019 15.0022C15.0955 15.0135 15.1746 14.9734 15.2476 14.9814C15.5928 15.0198 15.8572 15.2408 16.1293 15.4405C16.3535 15.6049 16.502 15.5716 16.7639 15.6466C16.9553 15.7012 17.3083 15.9785 17.2903 16.222C17.287 16.2656 17.1197 16.4845 17.0912 16.5831C17.1401 16.6171 17.4807 16.5409 17.5803 16.5337C17.5476 16.5719 17.3157 16.735 17.3157 16.6484C17.3157 16.6928 17.4798 16.784 17.5197 16.8123C17.6407 16.419 17.8394 16.6721 18.0785 16.7695C18.2818 16.8524 18.532 16.8569 18.7488 16.9086C18.9329 16.9525 19.3388 17.0769 19.4752 17.2276C19.6394 17.4089 19.5259 17.7034 19.4044 17.8838C19.2455 18.1203 19.0059 18.2112 18.9067 18.4894C18.8284 18.7099 18.8872 18.9327 18.8425 19.1771C18.7819 19.508 18.7334 19.392 18.5206 19.5939C18.3416 19.764 18.5176 19.7344 18.2739 19.8428C18.029 19.9518 17.8134 19.9194 17.6439 20.1884C17.6506 20.1715 17.6562 20.1545 17.6609 20.1368C17.5894 20.2371 17.5536 20.4424 17.5197 20.5097C17.4342 20.6816 17.3163 20.79 17.1811 20.9331C17.1293 20.9879 16.6531 21.6395 16.6256 21.5872C16.5902 21.5191 16.2146 21.6556 16.1968 21.5585C16.2117 21.6401 16.1932 21.6127 16.2865 21.6597C16.2001 22.1952 15.9739 22.2751 15.4488 22.2805C15.494 22.5379 15.2585 22.4866 15.1491 22.6249C15.0851 22.7057 15.0546 22.9329 15.0102 23.0376C14.9825 23.1033 14.7775 23.3666 14.7775 23.4188C14.7773 23.4669 14.8465 23.5373 14.9113 23.6049C14.5411 23.6782 14.1636 23.7293 13.7802 23.7605C13.852 23.6699 13.8692 23.5904 13.6407 23.5795C13.7018 23.413 13.8455 23.3181 13.9063 23.1568C13.9352 23.0808 13.9113 23.0507 13.9357 22.9753C14.0194 22.7151 13.9831 22.8133 13.9359 22.6112C13.8255 22.1375 13.9752 22.008 14.1042 21.5743C14.2365 21.1286 14.2242 20.5509 14.309 20.0708C14.3493 19.8411 14.4152 19.3631 14.3355 19.146C14.2457 18.9014 13.8509 18.7088 13.67 18.5443C13.414 18.3107 13.2779 18.0583 13.0877 17.7696C12.9912 17.6229 12.8812 17.479 12.806 17.3196C12.6449 16.9787 12.806 17.1816 12.8331 16.9804C12.8591 16.7859 12.81 16.6121 12.8871 16.4081C12.9724 16.1825 13.1852 16.0419 13.2552 15.8144C13.3181 15.6119 13.2702 15.3573 13.0625 15.2898C12.9467 15.2519 12.819 15.3391 12.7026 15.32C12.5404 15.2936 12.3568 15.1724 12.2295 15.0754C12.0518 14.9398 11.9851 14.7195 11.7959 14.5909C11.6375 14.4838 11.5248 14.5479 11.3553 14.4978C11.1786 14.4456 11.0694 14.2273 10.9269 14.1589C10.7129 14.0564 10.5924 14.2035 10.3665 14.1738C10.1744 14.1486 9.88145 13.9354 9.70198 13.8549C9.33704 13.6913 9.11481 13.5108 8.96886 13.1399C8.8439 12.8218 8.66171 12.6734 8.44718 12.4085C8.22979 12.1401 8.16173 11.9114 7.82668 11.8399C7.78735 11.8313 7.90868 12.1216 7.9212 12.1449C8.04092 12.3669 8.22071 12.5697 8.36531 12.7764C8.57807 13.0808 8.48738 13.138 8.27095 12.8436C8.02345 12.5068 7.73627 12.1719 7.52158 11.8152C7.44042 11.6804 7.45599 11.5932 7.32215 11.4652C7.19279 11.3416 7.02353 11.2813 6.89328 11.1637C6.42464 10.7417 6.33944 10.1783 6.39289 9.57664C6.41023 9.38052 6.48099 9.22366 6.44978 9.03516C6.42403 8.87861 6.33176 8.74921 6.21647 8.63388C6.17933 8.57463 6.08606 8.4287 6.08067 8.41941C5.97427 8.24242 5.8915 8.06838 5.7225 7.92322C5.62554 7.83957 5.37464 7.64406 5.13841 7.48028C6.19975 6.15471 7.58852 5.10422 9.18168 4.45198C9.19433 4.53219 9.22875 4.61225 9.28031 4.6889C9.4113 4.88344 9.53613 4.86804 9.79181 4.92189C9.76443 5.21909 9.41753 5.22144 9.18271 5.18923C8.90243 5.15068 8.60754 5.05744 8.36473 5.30343C8.49887 5.38419 8.86692 5.69865 8.81803 5.37007C9.08652 5.3566 9.34606 5.3486 9.60875 5.38075C9.71399 5.39367 10.0666 5.51218 10.1622 5.45813C10.2023 5.43544 10.245 5.23729 10.2875 5.17633C10.2126 5.17675 10.1324 5.13891 10.0578 5.14608C10.2317 4.92305 10.405 5.09801 10.6264 5.20058C10.3827 5.34889 10.5272 5.70434 10.7655 5.41553C10.9612 5.17804 10.7176 5.00587 10.4691 4.86749C10.7197 4.55361 10.8742 4.52528 11.11 4.87955C11.1489 4.66105 11.325 4.74854 11.509 4.76468V4.71002C11.428 4.71198 11.3415 4.6653 11.2613 4.67372C11.4488 4.37417 11.3291 4.30572 11.5972 4.20795C11.8106 4.13012 12.4196 4.20259 12.4946 4.00161C12.0684 4.08459 11.5536 4.10443 11.1691 4.29849C11.0033 4.38215 10.8058 4.6463 10.6403 4.47461C10.4706 4.29849 10.7616 4.01528 10.9106 3.92895H10.8749C11.5492 3.78533 12.2475 3.70824 12.964 3.70824C13.427 3.70824 13.8819 3.74254 14.3285 3.80363C14.174 3.8849 14.2883 3.93979 14.1757 4.02283C13.9607 4.18117 13.5792 4.31328 13.3234 4.41333C13.6485 4.41247 14.4356 4.71867 14.5871 4.2619C14.4821 4.24576 14.3774 4.22956 14.2726 4.21342C14.4685 4.08331 14.6871 3.97801 14.9165 3.90082C16.9872 4.31161 18.829 5.36339 20.2301 6.83926C20.22 6.83907 20.2101 6.83881 20.2004 6.83907ZM22.034 10.8223C22.0526 10.7825 22.0962 10.7693 22.1142 10.7364C22.152 10.6673 22.1436 10.6204 22.1902 10.561C22.2401 10.4969 22.3074 10.4811 22.3631 10.431C22.3855 10.4108 22.398 10.3921 22.4083 10.3731C22.5754 10.8401 22.7086 11.323 22.8055 11.8188C22.8026 11.8223 22.8009 11.8277 22.7973 11.8307C22.7729 11.8499 22.6141 11.8736 22.5816 11.8747C22.4666 11.8791 22.3812 11.8028 22.2986 11.7308C22.2146 11.6578 22.1157 11.56 22.056 11.4655C21.9923 11.3644 22.0316 11.2606 22.0362 11.1452C22.04 11.0482 21.9928 10.9098 22.034 10.8223ZM22.1636 16.0242C21.969 15.8549 21.7394 15.6279 21.6011 15.4086C21.4533 15.1748 21.5444 14.9342 21.5552 14.6664C21.5641 14.4412 21.4543 14.1207 21.5499 13.9179C21.5937 13.8254 21.6943 13.7947 21.7357 13.7189C21.8237 13.5583 21.8042 13.4497 21.9122 13.3116C22.028 13.1633 22.1838 13.1268 22.3128 13.0105C22.448 12.8886 22.4442 12.7924 22.5298 12.6362C22.5924 12.5219 22.7396 12.3314 22.879 12.2317C22.9546 12.7277 22.994 13.2357 22.994 13.7524C22.994 14.6464 22.8752 15.513 22.6551 16.3386C22.4676 16.2902 22.3133 16.1548 22.1636 16.0242Z"
                                        fill="#264285" />
                                </svg>
                            </div>
                        </div>
                    </div>
                    <div class="d2">
                        <a href="./index.html" class="active">首页</a>
                        <a href="./about.html">走进科建</a>
                        <a href="./products.html">产品中心</a>
                        <a href="./service.html">我们的服务</a>
                        <a href="./news.html">新闻资讯</a>
                        <a href="./join.html">加入我们</a>
                        <a href="./contact.html">联系科建</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="logo animated fadeInUpLeft">
                    <img src="./images/logo_blue.png" alt="">
                </a>
                <div class="r">
                    <a href="" class="lan">En</a>
                    <div class="search">
                        <svg xmlns="http://www.w3.org/2000/svg" width="26" height="27" viewBox="0 0 26 27" fill="none">
                            <path
                                d="M6.87028 7.60368C10.2552 4.21935 15.7428 4.21935 19.1271 7.60368C22.3175 10.7946 22.5006 15.8543 19.6747 19.2593L21.4807 21.0646C21.6298 21.2119 21.7162 21.4111 21.7219 21.6206C21.7276 21.8302 21.6521 22.0338 21.5112 22.1889C21.3703 22.3441 21.1749 22.4388 20.9658 22.4533C20.7567 22.4678 20.5501 22.4009 20.3892 22.2666L20.3312 22.2141L18.5259 20.4081C15.1209 23.234 10.0612 23.0515 6.87028 19.8605C3.48595 16.4756 3.48595 10.988 6.87028 7.60368ZM17.9777 8.7531C15.2282 6.00305 10.7692 6.00305 8.0197 8.7531C5.26966 11.5026 5.26966 15.9616 8.0197 18.7111C10.7692 21.4611 15.2282 21.4611 17.9777 18.7111C20.7277 15.9616 20.7277 11.5026 17.9777 8.7531ZM14.2218 8.58789C15.213 8.79968 16.0759 9.39064 16.6837 10.4203C16.7387 10.5123 16.775 10.6142 16.7904 10.7202C16.8059 10.8262 16.8003 10.9342 16.7738 11.0381C16.7474 11.1419 16.7007 11.2395 16.6364 11.3252C16.5721 11.4109 16.4915 11.483 16.3992 11.5374C16.3069 11.5918 16.2048 11.6275 16.0987 11.6423C15.9926 11.6571 15.8846 11.6507 15.7809 11.6236C15.6773 11.5965 15.58 11.5492 15.4947 11.4844C15.4094 11.4195 15.3378 11.3385 15.284 11.2458C14.9151 10.6208 14.4417 10.2968 13.8811 10.1766C13.6479 10.1277 13.4087 10.1144 13.1715 10.1371L13.0545 10.1501L12.97 10.1641L12.9202 10.175C12.7192 10.2316 12.5042 10.2088 12.3197 10.1111C12.1351 10.0135 11.9953 9.84854 11.9291 9.65054C11.8629 9.45254 11.8755 9.23667 11.9642 9.04768C12.0529 8.8587 12.211 8.71112 12.4056 8.63555L12.4798 8.61118C12.899 8.4931 13.5133 8.43622 14.2218 8.58789Z"
                                fill="#264285" />
                        </svg>
                        <div class="sr">
                            <input id="search2" type="text" placeholder="请输入关键词">
                        </div>
                    </div>
                    <div class="navbox">
                        <div class="line"></div>
                        <div class="line"></div>
                        <div class="line"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="item">
                <div class="tb">
                    <a href="./index.html">首页</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./about.html">走进科建</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./products.html">产品中心</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./service.html">我们的服务</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./news.html">新闻资讯</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./join.html">加入我们</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">联系科建</a>
                </div>
            </div>
        </div>


        <div class="banner">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="info">
                            <div class="bg">
                                <img src="./images/banner.png" alt="">
                            </div>
                            <div class="text">
                                <!--                                <p class="en">Smart solution service provider for environmentally friendly sealing new materials</p>-->
                                <p class="cn">环保密封新材料智慧解决方案服务商</p>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="info">
                            <div class="bg">
                                <img src="./images/banner.png" alt="">
                            </div>
                            <div class="text">
                                <!--                                <p class="en">Smart solution service provider for environmentally friendly sealing new materials</p>-->

                                <p class="cn">环保密封新材料智慧解决方案服务商</p>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="info">
                            <div class="bg">
                                <img src="./images/banner.png" alt="">
                            </div>
                            <div class="text">
                                <!--                                <p class="en">Smart solution service provider for environmentally friendly sealing new materials</p>-->

                                <p class="cn">环保密封新材料智慧解决方案服务商</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination"></div>
            <div class="add">
                <img src="./images/add.png" alt="">
            </div>
            <!-- <div class="prev">
                <img src="./images/prev.png" alt="">
            </div>
            <div class="next">
                <img src="./images/next.png" alt="">
            </div> -->
        </div>

        <div class="products">
            <div class="t wow fadeInUp">
                <p class="p1">产品中心</p>
                <a href="./products.html">
                    <p>查看更多</p>
                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16" fill="none">
                        <path
                            d="M10.7221 8.56785L11.4286 8.00419L1.70417 0.231721C1.51658 0.0832767 1.26324 0 0.999231 0C0.735219 0 0.481881 0.0832767 0.294297 0.231721C0.201253 0.305537 0.12739 0.393321 0.0769544 0.490026C0.0265193 0.586732 0.000507371 0.69045 0.000414643 0.795216C0.000321914 0.899981 0.0261502 1.00373 0.0764142 1.10049C0.126678 1.19725 0.200386 1.28512 0.293299 1.35904L8.60484 8.00259L0.293299 14.6406C0.200351 14.7144 0.126586 14.8021 0.07625 14.8988C0.0259139 14.9955 0 15.0991 0 15.2038C0 15.3085 0.0259139 15.4122 0.07625 15.5089C0.126586 15.6055 0.200351 15.6933 0.293299 15.7671C0.480662 15.916 0.734067 15.9997 0.998322 16C1.26258 16.0003 1.51628 15.9172 1.70417 15.7687L10.6812 8.59894L10.7221 8.56705V8.56785Z"
                            fill="#36AC2C" />
                    </svg>
                </a>
            </div>
            <div class="ptypes wow fadeInUp">
                <div class="item active">
                    <div class="icon">
                        <img src="./images/picon1.svg" alt="">
                    </div>
                    <p>建筑材料</p>
                </div>
                <div class="item">
                    <div class="icon">
                        <img src="./images/picon2.svg" alt="">
                    </div>
                    <p>风电</p>
                </div>
                <div class="item">
                    <div class="icon">
                        <img src="./images/picon3.svg" alt="">
                    </div>
                    <p>新零售</p>
                </div>
                <div class="item">
                    <div class="icon">
                        <img src="./images/picon4.svg" alt="">
                    </div>
                    <p>交通运输</p>
                </div>
                <div class="item">
                    <div class="icon">
                        <img src="./images/picon5.svg" alt="">
                    </div>
                    <p>通讯电力</p>
                </div>
                <div class="item">
                    <div class="icon">
                        <img src="./images/picon6.svg" alt="">
                    </div>
                    <p>航空航天</p>
                </div>
                <div class="item">
                    <div class="icon">
                        <img src="./images/picon7.svg" alt="">
                    </div>
                    <p>木工家居</p>
                </div>
                <div class="item">
                    <div class="icon">
                        <img src="./images/picon8.svg" alt="">
                    </div>
                    <p>其它工业</p>
                </div>
            </div>
            <div class="cboxs wow fadeInUp">
                <div class="content animated fadeInUp show">
                    <div class="dbox1">
                        <div class="l">
                            <a class="pic" href="./products.html">
                                <img src="./images/p.png" alt="">
                            </a>
                        </div>
                        <div class="r">
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                        </div>
                    </div>
                    <a class="text" href="./products.html">
                        <p class="p1">建筑材料事业部</p>
                        <div class="des">
                            事业部介绍事业部介绍事业部介绍事业部介绍事业部
                        </div>
                    </a>
                </div>
                <div class="content animated fadeInUp">
                    <div class="dbox1">
                        <div class="l">
                            <div class="pic">
                                <img src="./images/p.png" alt="">
                            </div>
                        </div>
                        <div class="r">
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                        </div>
                    </div>
                    <div class="text">
                        <p class="p1">风电</p>
                        <div class="des">
                            事业部介绍事业部介绍事业部介绍事业部介绍事业部
                        </div>
                    </div>
                </div>
                <div class="content animated fadeInUp">
                    <div class="dbox1">
                        <div class="l">
                            <div class="pic">
                                <img src="./images/p.png" alt="">
                            </div>
                        </div>
                        <div class="r">
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                        </div>
                    </div>
                    <div class="text">
                        <p class="p1">新零售</p>
                        <div class="des">
                            事业部介绍事业部介绍事业部介绍事业部介绍事业部
                        </div>
                    </div>
                </div>
                <div class="content animated fadeInUp">
                    <div class="dbox1">
                        <div class="l">
                            <div class="pic">
                                <img src="./images/p.png" alt="">
                            </div>
                        </div>
                        <div class="r">
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                        </div>
                    </div>
                    <div class="text">
                        <p class="p1">交通运输</p>
                        <div class="des">
                            事业部介绍事业部介绍事业部介绍事业部介绍事业部
                        </div>
                    </div>
                </div>
                <div class="content animated fadeInUp">
                    <div class="dbox1">
                        <div class="l">
                            <div class="pic">
                                <img src="./images/p.png" alt="">
                            </div>
                        </div>
                        <div class="r">
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                        </div>
                    </div>
                    <div class="text">
                        <p class="p1">通讯电力</p>
                        <div class="des">
                            事业部介绍事业部介绍事业部介绍事业部介绍事业部
                        </div>
                    </div>
                </div>
                <div class="content animated fadeInUp">
                    <div class="dbox1">
                        <div class="l">
                            <div class="pic">
                                <img src="./images/p.png" alt="">
                            </div>
                        </div>
                        <div class="r">
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                        </div>
                    </div>
                    <div class="text">
                        <p class="p1">航空航天</p>
                        <div class="des">
                            事业部介绍事业部介绍事业部介绍事业部介绍事业部
                        </div>
                    </div>
                </div>
                <div class="content animated fadeInUp">
                    <div class="dbox1">
                        <div class="l">
                            <div class="pic">
                                <img src="./images/p.png" alt="">
                            </div>
                        </div>
                        <div class="r">
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                        </div>
                    </div>
                    <div class="text">
                        <p class="p1">木工家居</p>
                        <div class="des">
                            事业部介绍事业部介绍事业部介绍事业部介绍事业部
                        </div>
                    </div>
                </div>
                <div class="content animated fadeInUp">
                    <div class="dbox1">
                        <div class="l">
                            <div class="pic">
                                <img src="./images/p.png" alt="">
                            </div>
                        </div>
                        <div class="r">
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                            <a href="./proInfo.html">
                                <div class="pic">
                                    <img src="./images/hp.png" alt="">
                                </div>
                                <p>KJ-丁基胶带</p>
                            </a>
                        </div>
                    </div>
                    <div class="text">
                        <p class="p1">其它工业</p>
                        <div class="des">
                            事业部介绍事业部介绍事业部介绍事业部介绍事业部
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="about">
            <div class="d1">
                <div class="t wow fadeInUp">
                    <p class="p1">走进科建</p>
                    <a href="./about.html">
                        <p>查看更多</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16" fill="none">
                            <path
                                d="M10.7221 8.56785L11.4286 8.00419L1.70417 0.231721C1.51658 0.0832767 1.26324 0 0.999231 0C0.735219 0 0.481881 0.0832767 0.294297 0.231721C0.201253 0.305537 0.12739 0.393321 0.0769544 0.490026C0.0265193 0.586732 0.000507371 0.69045 0.000414643 0.795216C0.000321914 0.899981 0.0261502 1.00373 0.0764142 1.10049C0.126678 1.19725 0.200386 1.28512 0.293299 1.35904L8.60484 8.00259L0.293299 14.6406C0.200351 14.7144 0.126586 14.8021 0.07625 14.8988C0.0259139 14.9955 0 15.0991 0 15.2038C0 15.3085 0.0259139 15.4122 0.07625 15.5089C0.126586 15.6055 0.200351 15.6933 0.293299 15.7671C0.480662 15.916 0.734067 15.9997 0.998322 16C1.26258 16.0003 1.51628 15.9172 1.70417 15.7687L10.6812 8.59894L10.7221 8.56705V8.56785Z"
                                fill="white" />
                        </svg>
                    </a>
                </div>
                <div class="des wow fadeInUp">
                    科建股份成立于2005年，位于松江区佘山镇，自有厂房30亩。科建旗下拥有三家全资子公司，全球设有四个运营中心：上海总部、南方营销中心、北方分公司、欧洲营销中心。科建多年来专注于丁基胶及胶带的研发制造，目前已成为全球丁基胶领域内规模较大的专业制造商。随着公司的快速发展，公司的产品从以丁基橡胶为主体，发展到有机硅类、改性聚氨酯类、聚烯烃类、PUR类、丙烯酸类及环氧类等诸多技术领域。
                </div>
            </div>
            <div class="d2 wow fadeInUp">
                <div class="item">
                    <div class="nums">
                        <p class="count count-item" data-to="2005">0</p>
                        <i>年</i>
                    </div>
                    <div class="tag">成立</div>
                </div>
                <div class="item">
                    <div class="nums">
                        <p class="count count-item" data-to="800">0</p>
                        <span>+</span>
                    </div>
                    <div class="tag">服务客户</div>
                </div>
                <div class="item">
                    <div class="nums">
                        <p class="count count-item" data-to="130">0</p>
                        <span>+</span>
                    </div>
                    <div class="tag">专利技术</div>
                </div>
                <div class="item">
                    <div class="nums">
                        <p class="count count-item" data-to="80">0</p>
                        <span>+</span>
                    </div>
                    <div class="tag">销往国家及地区</div>
                </div>
            </div>
            <div class="video wow fadeInUp">
                <video id="video" preload="metadata" loop="loop" muted="muted" playsinline="playsinline"
                    webkit-playsinline="webkit-playsinline" x5-video-player-type="h5" x5-video-player-fullscreen="true"
                    data-object-fit="cover" x5-video-orientation="portrait" data-autoplay="" poster="./images/a.png">
                    <source src="https://qiniu.mfdemo.cn/songyan/video.mp4" controlsList="">
                </video>
                <div class="play">
                    <svg xmlns="http://www.w3.org/2000/svg" width="94" height="94" viewBox="0 0 94 94" fill="none">
                        <g filter="url(#filter0_d_1251_7100)">
                            <rect x="12" y="12" width="70" height="70" rx="35" fill="url(#paint0_linear_1251_7100)" />
                            <path
                                d="M57.9682 44.9209C58.9984 45.7216 58.9984 47.2784 57.9682 48.0791L43.7273 59.1472C42.4135 60.1683 40.5 59.232 40.5 57.568L40.5 35.432C40.5 33.768 42.4135 32.8317 43.7273 33.8528L57.9682 44.9209Z"
                                fill="white" />
                        </g>
                        <defs>
                            <filter id="filter0_d_1251_7100" x="0" y="0" width="94" height="94"
                                filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                                <feFlood flood-opacity="0" result="BackgroundImageFix" />
                                <feColorMatrix in="SourceAlpha" type="matrix"
                                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
                                <feMorphology radius="2" operator="dilate" in="SourceAlpha"
                                    result="effect1_dropShadow_1251_7100" />
                                <feOffset />
                                <feGaussianBlur stdDeviation="5" />
                                <feComposite in2="hardAlpha" operator="out" />
                                <feColorMatrix type="matrix"
                                    values="0 0 0 0 0 0 0 0 0 0.54902 0 0 0 0 0.247059 0 0 0 0.1 0" />
                                <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1251_7100" />
                                <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1251_7100"
                                    result="shape" />
                            </filter>
                            <linearGradient id="paint0_linear_1251_7100" x1="77.9167" y1="67.8167" x2="5.42755"
                                y2="58.0292" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#0DB56F" />
                                <stop offset="1" stop-color="#42B438" />
                            </linearGradient>
                        </defs>
                    </svg>
                </div>
                <div class="close">
                    <img src="./images/close.svg" alt="">
                </div>
            </div>
            <div class="bg">
                <img src="./images/ci.png" alt="">
            </div>
        </div>


        <div class="news">
            <div class="t wow fadeInUp">
                <p class="p1">科建资讯</p>
                <a href="./news.html">
                    <p>查看更多</p>
                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16" fill="none">
                        <path
                            d="M10.7221 8.56785L11.4286 8.00419L1.70417 0.231721C1.51658 0.0832767 1.26324 0 0.999231 0C0.735219 0 0.481881 0.0832767 0.294297 0.231721C0.201253 0.305537 0.12739 0.393321 0.0769544 0.490026C0.0265193 0.586732 0.000507371 0.69045 0.000414643 0.795216C0.000321914 0.899981 0.0261502 1.00373 0.0764142 1.10049C0.126678 1.19725 0.200386 1.28512 0.293299 1.35904L8.60484 8.00259L0.293299 14.6406C0.200351 14.7144 0.126586 14.8021 0.07625 14.8988C0.0259139 14.9955 0 15.0991 0 15.2038C0 15.3085 0.0259139 15.4122 0.07625 15.5089C0.126586 15.6055 0.200351 15.6933 0.293299 15.7671C0.480662 15.916 0.734067 15.9997 0.998322 16C1.26258 16.0003 1.51628 15.9172 1.70417 15.7687L10.6812 8.59894L10.7221 8.56705V8.56785Z"
                            fill="#36AC2C" />
                    </svg>
                </a>
            </div>
            <div class="box">
                <div class="l">
                    <div class="types wow fadeInUp">
                        <div class="item active">集团资讯</div>
                        <div class="item">行业动态</div>
                        <div class="item">最新消息</div>
                    </div>
                    <div class="allNews wow fadeInUp">
                        <div class="list animated fadeInUp show">
                            <a href="./info.html">
                                <p class="time">2023-12-19</p>
                                <p class="pt">给雷达添翼，让无形之眼更亮 | 科建超声波雷达胶片助力智能化座舱</p>
                                <div class="des">
                                    本文主要是介绍科建在配合汽车自动门感知避障方面的创新探索及产品应用
                                </div>
                            </a>
                            <a href="./info.html">
                                <p class="time">2023-12-19</p>
                                <p class="pt">给雷达添翼，让无形之眼更亮 | 科建超声波雷达胶片助力智能化座舱</p>
                                <div class="des">
                                    本文主要是介绍科建在配合汽车自动门感知避障方面的创新探索及产品应用
                                </div>
                            </a>
                            <a href="./info.html">
                                <p class="time">2023-12-19</p>
                                <p class="pt">给雷达添翼，让无形之眼更亮 | 科建超声波雷达胶片助力智能化座舱</p>
                                <div class="des">
                                    本文主要是介绍科建在配合汽车自动门感知避障方面的创新探索及产品应用
                                </div>
                            </a>
                        </div>
                        <div class="list animated fadeInUp">
                            <a href="./info.html">
                                <p class="time">2023-12-19</p>
                                <p class="pt">给雷达添翼，让无形之眼更亮 | 科建超声波雷达胶片助力智能化座舱</p>
                                <div class="des">
                                    本文主要是介绍科建在配合汽车自动门感知避障方面的创新探索及产品应用
                                </div>
                            </a>
                            <a href="./info.html">
                                <p class="time">2023-12-19</p>
                                <p class="pt">给雷达添翼，让无形之眼更亮 | 科建超声波雷达胶片助力智能化座舱</p>
                                <div class="des">
                                    本文主要是介绍科建在配合汽车自动门感知避障方面的创新探索及产品应用
                                </div>
                            </a>
                            <a href="./info.html">
                                <p class="time">2023-12-19</p>
                                <p class="pt">给雷达添翼，让无形之眼更亮 | 科建超声波雷达胶片助力智能化座舱</p>
                                <div class="des">
                                    本文主要是介绍科建在配合汽车自动门感知避障方面的创新探索及产品应用
                                </div>
                            </a>
                        </div>
                        <div class="list animated fadeInUp">
                            <a href="./info.html">
                                <p class="time">2023-12-19</p>
                                <p class="pt">给雷达添翼，让无形之眼更亮 | 科建超声波雷达胶片助力智能化座舱</p>
                                <div class="des">
                                    本文主要是介绍科建在配合汽车自动门感知避障方面的创新探索及产品应用
                                </div>
                            </a>
                            <a href="./info.html">
                                <p class="time">2023-12-19</p>
                                <p class="pt">给雷达添翼，让无形之眼更亮 | 科建超声波雷达胶片助力智能化座舱</p>
                                <div class="des">
                                    本文主要是介绍科建在配合汽车自动门感知避障方面的创新探索及产品应用
                                </div>
                            </a>
                            <a href="./info.html">
                                <p class="time">2023-12-19</p>
                                <p class="pt">给雷达添翼，让无形之眼更亮 | 科建超声波雷达胶片助力智能化座舱</p>
                                <div class="des">
                                    本文主要是介绍科建在配合汽车自动门感知避障方面的创新探索及产品应用
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="r wow fadeInUp">
                    <a href="./info.html">
                        <div class="pic">
                            <img src="./images/hn.png" alt="">
                        </div>
                        <p class="time">2023-12-20</p>
                        <p class="pt">玻璃幕墙与玻璃胶是会有什么化学反应呢？</p>
                        <div class="des">
                            玻璃幕墙是一种美观新颖的建筑墙体装饰方法，是现代主义高层建筑时代的显著特征
                        </div>
                    </a>
                </div>
            </div>
        </div>

        <div class="partners">
            <div class="t">合作伙伴</div>
            <div class="t2">与优秀为伍，与卓越同行，科建高分子期待与您共奋进！</div>
            <div class="scroll-container">
                <div class="animate_box">
                    <div class="flex-xb">
                        <div class="icon">
                            <img src="./images/hc1.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc2.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc3.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc4.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc5.png" alt="">
                        </div>
                    </div>
                    <div class="flex-xb">
                        <div class="icon">
                            <img src="./images/hc1.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc2.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc3.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc4.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc5.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="animate_box animate_box2">
                    <div class="flex-xb">
                        <div class="icon">
                            <img src="./images/hc6.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc7.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc8.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc9.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc10.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc11.png" alt="">
                        </div>
                    </div>
                    <div class="flex-xb">
                        <div class="icon">
                            <img src="./images/hc6.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc7.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc8.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc9.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc10.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc11.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="animate_box">
                    <div class="flex-xb">
                        <div class="icon">
                            <img src="./images/hc12.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc13.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc14.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc15.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc16.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc12.png" alt="">
                        </div>
                    </div>
                    <div class="flex-xb">
                        <div class="icon">
                            <img src="./images/hc12.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc13.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc14.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc15.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc16.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc12.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="animate_box animate_box2">
                    <div class="flex-xb">
                        <div class="icon">
                            <img src="./images/hc16.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc17.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc14.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc15.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc16.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc12.png" alt="">
                        </div>
                    </div>
                    <div class="flex-xb">
                        <div class="icon">
                            <img src="./images/hc16.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc17.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc14.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc15.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc16.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/hc12.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="business">
            <div class="box">
                <div class="item active">
                    <div class="text">
                        <div class="icon">
                            <img src="./images/icon2.png" alt="">
                        </div>
                        <p class="p1">人才招聘</p>
                        <p class="p2">我们正在等待您 与公司一起开始您激动人心的成长</p>
                        <a href="./join.html">
                            <svg xmlns="http://www.w3.org/2000/svg" width="37" height="37" viewBox="0 0 37 37"
                                fill="none">
                                <path
                                    d="M18.5 36.5C28.4411 36.5 36.5 28.4411 36.5 18.5C36.5 8.55887 28.4411 0.5 18.5 0.5C8.55887 0.5 0.5 8.55887 0.5 18.5C0.5 28.4411 8.55887 36.5 18.5 36.5Z"
                                    stroke="white" />
                                <path
                                    d="M15.8008 12.349L16.7068 11.5L24.2008 18.5L16.7068 25.5L15.8008 24.656L22.3848 18.5L15.8008 12.349Z"
                                    fill="white" />
                            </svg>
                            <p>查看更多</p>
                        </a>
                    </div>
                </div>
                <div class="item ">
                    <div class="text">
                        <div class="icon">
                            <img src="./images/icon1.png" alt="">
                        </div>
                        <p class="p1">供应商征集</p>
                        <p class="p2">欢迎优秀供应商与我们合作</p>
                        <a href="./cooperation.html">
                            <svg xmlns="http://www.w3.org/2000/svg" width="37" height="37" viewBox="0 0 37 37"
                                fill="none">
                                <path
                                    d="M18.5 36.5C28.4411 36.5 36.5 28.4411 36.5 18.5C36.5 8.55887 28.4411 0.5 18.5 0.5C8.55887 0.5 0.5 8.55887 0.5 18.5C0.5 28.4411 8.55887 36.5 18.5 36.5Z"
                                    stroke="white" />
                                <path
                                    d="M15.8008 12.349L16.7068 11.5L24.2008 18.5L16.7068 25.5L15.8008 24.656L22.3848 18.5L15.8008 12.349Z"
                                    fill="white" />
                            </svg>
                            <p>查看更多</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="foot">
            <div class="dom1">
                <div class="l">
                    <div class="logo">
                        <img src="./images/flogo.png" alt="">
                    </div>
                    <div class="info">
                        <div class="i">
                            <div class="icon">
                                <img src="./images/phone.png" alt="">
                            </div>
                            <p>400-865-5388</p>
                        </div>
                        <div class="i">
                            <div class="icon">
                                <img src="./images/email.png" alt="">
                            </div>
                            <p>sales@kejian-china.com</p>
                        </div>
                        <div class="i">
                            <div class="icon">
                                <img src="./images/location.png" alt="">
                            </div>
                            <p>上海市松江区沈砖公路3258号</p>
                        </div>
                        <!-- <div class="btns">
                            <a href="./cooperation.html">供应商征集</a>
                            <a href="./join.html">人才招聘</a>
                        </div> -->
                        <div class="f">
                            <a href="">
                                <img src="./images/facebook.png" alt="">
                            </a>
                            <a href="">
                                <img src="./images/link.png" alt="">
                            </a>
                            <a href="">
                                <img src="./images/tw.png" alt="">
                            </a>
                            <a href="">
                                <img src="./images/ins.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="alink">
                    <a href="./about.html">科建概况</a>
                    <a href="">科建业绩</a>
                    <a href="">咨询中心</a>
                    <a href="">技术中心</a>
                    <a href="">客户服务</a>
                </div>
                <div class="blink">
                    <p>产品中心</p>
                    <div class="links">
                        <a href="">建筑材料事业部</a>
                        <a href="">交通运输事业部</a>
                        <a href="">航空航天事业部</a>
                        <a href="">通讯电力事业部</a>
                        <a href="">风电事业部</a>
                        <a href="">太阳能事业部</a>
                        <a href="">新零售事业部</a>
                        <a href="">木工家具事业部</a>
                        <a href="">其他工业品事业部</a>
                    </div>
                </div>
                <div class="clink">
                    <div class="item">
                        <p>友情链接</p>
                        <div class="icons">
                            <a href="">
                                <img src="./images/f1.png" alt="">
                            </a>
                            <a href="">
                                <img src="./images/f2.png" alt="">
                            </a>
                            <a href="">
                                <img src="./images/f3.png" alt="">
                            </a>
                            <a href="">
                                <img src="./images/f4.png" alt="">
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <p>社会媒体</p>
                        <div class="icons">
                            <a href="">
                                <img src="./images/f1.png" alt="">
                            </a>
                            <a href="">
                                <img src="./images/f2.png" alt="">
                            </a>
                            <a href="">
                                <img src="./images/f3.png" alt="">
                            </a>
                            <a href="">
                                <img src="./images/f4.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="dom2">
                <div class="l">
                    版权所有 2023 科建高分子材料（上海）股份有限公司 <a href="">沪ICP备16048667号</a>
                </div>
                <div class="r">
                    <a href="./single.html">使用条款</a>
                    <span> ｜</span>
                    <a href="./single.html">网站地图</a>
                    <span> ｜</span>
                    <a href="./single.html">隐私政策</a>
                    <span> ｜</span>
                    <a href="./single.html">招聘隐私政策</a>
                    <span> ｜</span>
                    <a href="./single.html">监察举报</a>
                    <span> ｜</span>
                    <a href="./contact.html">联系我们</a>
                </div>
            </div>
            <div class="rbtns">
                <a href="./contact.html">
                    <img src="./images/wx.png" alt="">
                    <p>联系我们</p>
                </a>
                <a id="goTop">
                    <img src="./images/top.png" alt="">
                    <p>置顶</p>
                </a>
            </div>
        </div>




    </div>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/countUp.js"></script>
    <script src="./text/jquery.fittext.js"></script>
    <script src="./text/jquery.lettering.js"></script>
    <script src="./text/jquery.textillate.js"></script>
    <script>
        // $('.home .banner .swiper-container .info .text .en').fitText(0).textillate({ in: { effect: 'flash' }});

        $('.home .banner .swiper-container .info .text .cn').each(function (index, item) {
            var text = $(item).html();
            var textArray = text.split('');
            var html = '';
            for (var i in textArray) {
                html += '<span>' + textArray[i] + '</span>';
            }
            $(item).html(html);
        })
        function shuffle(arr) {
            var i = arr.length, t, j
            while (i) {
                j = Math.floor(Math.random() * i--)
                t = arr[i]
                arr[i] = arr[j]
                arr[j] = t
            }
        }
        function textRandom() {
            let length = $('.home .banner .swiper-container .swiper-slide-active .info .text .cn').find('span').length;
            let delay = 0.03;
            let array = [];
            for (let i = 0; i < length; i++) {
                array.push(i);
            }
            shuffle(array);
            for (let i = 0; i < length; i++) {
                let time = i * delay + 0.5
                $('.home .banner .swiper-container .swiper-slide-active .info .text .cn').find('span').eq(array[i]).css({
                    'transition-delay': time + 's',
                })
            }
        }
        new WOW().init();
        var swiper = new Swiper('.banner .swiper-container', {
            speed: 1000,
            init: true,
            loop: true,
            slidesPerView: 1,
            autoplay: {
                delay: 8000,
                stopOnLastSlide: false,
                disableOnInteraction: true,
            },
            pagination: {
                el: '.banner .swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.banner .next',
                prevEl: '.banner .prev',
            },
            on: {
                init: function () {
                    textRandom()
                },
                slideChangeTransitionStart: function () {
                    textRandom()
                },
                // slideChange() {
                //     setTimeout(function () {
                //         // $('.home .banner .swiper-container .info .text .en').hide()
                //         // $('.home .banner .swiper-container .swiper-slide-active .en').show()
                //         // $('.home .banner .swiper-container .swiper-slide-active .en').textillate({ in: { effect: 'flipInY' }});
                //     },10)
                //
                //
                // }
            }
        });

        $('.products .ptypes .item').click(function () {
            let index = $(this).index()
            $(this).addClass('active').siblings('.item').removeClass('active')
            $('.products .cboxs .content').eq(index).addClass('show').siblings('.content').removeClass('show')
        })

        $('.about .video .play').click(function () {
            if (document.body.clientWidth > 1024) {
                $('.about .video').css({ 'width': '70vw' })
                $('.about .video video').css({ 'height': 'auto' })
            } else {
                $('.about .video').css({ 'width': '100%' })
            }

            document.getElementById("video").play();
            $('.about .video video').prop('controls', true);
            $('.about .video video').prop('controlsList', 'nodownload');
            $(this).css({ 'opacity': '0' })
            $('.about .video .close').css({ 'display': 'block' })
        })

        $('.about .video .close').click(function () {
            if (document.body.clientWidth > 1024) {
                $('.about .video').css({ 'width': '26vw' })
                $('.about .video video').css({ 'height': '31.25vw' })
            } else {
                $('.about .video').css({ 'width': '100%' })
            }

            document.getElementById("video").pause();
            $('.about .video video').prop('controls', false);
            $('.about .video video').prop('controlsList', '');
            $('.about .video .play').css({ 'opacity': '1' })
            $(this).css({ 'display': 'none' })
        })

        $('.news .types .item').click(function () {
            let index = $(this).index()
            $(this).addClass('active').siblings('.item').removeClass('active')
            $('.allNews .list').eq(index).addClass('show').siblings('.list').removeClass('show')
        })

        $('.business .box .item').mouseenter(function () {
            let index = $(this).index()
            $(this).removeClass('changeBg')
            $(this).addClass('active').siblings('.item').removeClass('active')
            $(this).siblings('.item').addClass('changeBg')

        })

        $(window).on({
            scroll: function () {
                window.pageYOffset > $('.about').offset().top - 850 &&
                    setTimeout(function () {
                        $(".count-item").each(function (t, e) {
                            let o = $(e),
                                _from = o.data('from'),
                                _to = o.data('to');
                            new CountUp(o, _from, _to, 1, 2).start();
                            $(".count-item").removeClass('count-item')
                        })
                    }, 500);

            }
        });



    </script>
</body>

</html>